body{background: #aaa;text-align: center;}
#main{width: 1330px;height: 600px;border-radius: 10px;border: 2px solid green;margin: 0 auto;}
#talk{width: 245px;height: 600px;border-radius: 10px;float: left;color: white;}
#iframTalk{width: 240px;height: 520px;}
#score{width: 245px;height: 600px;border-radius: 10px;float: left;color:white;}
#score .s-ct .s-index1 .s-name{color: #06b}
#score .s-ct .s-index2 .s-name{color: #0095A1}
#score .s-ct .s-index3 .s-name{color: #62A1BD}
#score .s-ct{text-align:left;font-size:12px;}
#score .s-ct li{margin-bottom: 5px;}
#score .s-ct .s-timet{padding-left:20px;}
#score .s-ct .s-numt{padding-left:20px;}
#game{width: 800px;height: 560px;background: #aba;border-radius: 5px;padding: 20px;float: left;display: box;-webkit-box-pack: center;-webkit-box-align: center;}
#gameFooter{text-align: left;font-size: 13px;width: 800px;height: 160px;position: relative;top:400px;}
#gameFooter div{width: 400px;float: left;}
#cards{position: relative;/*width: 380px;height: 400px;*/}
.card{-webkit-perspective: 200;width: 80px;height: 120px;position: absolute;--moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.face{border-radius: 10px;width: 80px;height: 120px;position: absolute;-webkit-transition-property: opacity,transform,box-shadow;-webkit-transition-duration:.3s;-webkit-backface-visibility: hidden;}
.front{background: #966 url(../images/imgs.png);background-position: -1120px -120px;z-index: 10;cursor: pointer;}
.front:hover{background-position: -1120px 0px;}
.back{background: #eaa url(../images/imgs.png);-webkit-transform: rotate3d(0,1,0,-180deg);z-index: 8;}
.card:hover .face,.card-filpped .face{-webkit-box-shadow: 0 0 10px #aaa;}
.card-filpped .front{-webkit-transform: rotate3d(0,1,0,180deg);z-index: 8;}
.card-filpped .back{-webkit-transform: rotate3d(0,1,0,0deg);z-index: 10;}
.card-removed{-webkit-transition-duration:1s;opacity:0;-webkit-transform:translate(-40px,-60px) scale(0.2) rotate3d(0,1,0,180deg);}
.num{position: absolute;top: 13px;left: 297px;font-size: 20px;color: green;}

.cardA{background-position: 0px 0px;}
.cardB{background-position: -80px 0px;}
.cardC{background-position: -160px 0px;}
.cardD{background-position: -240px 0px;}
.cardE{background-position: -320px 0px;}
.cardF{background-position: -400px 0px;}
.cardG{background-position: -480px 0px;}
.cardH{background-position: -560px 0px;}
.cardI{background-position: -640px 0px;}
.cardJ{background-position: -720px 0px;}
.cardK{background-position: -800px 0px;}
.cardL{background-position: -880px 0px;}
.cardM{background-position: -960px 0px;}
.cardN{background-position: -1040px 0px;}

.cardA1{background-position: 0px -120px;}
.cardB1{background-position: -80px -120px;}
.cardC1{background-position: -160px -120px;}
.cardD1{background-position: -240px -120px;}
.cardE1{background-position: -320px -120px;}
.cardF1{background-position: -400px -120px;}
.cardG1{background-position: -480px -120px;}
.cardH1{background-position: -560px -120px;}
.cardI1{background-position: -640px -120px;}
.cardJ1{background-position: -720px -120px;}
.cardK1{background-position: -800px -120px;}
.cardL1{background-position: -880px -120px;}
.cardM1{background-position: -960px -120px;}
.cardN1{background-position: -1040px -120px;}